<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/用户中心.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1291052_gzukvj3gvh7.css">
</head>
<body>
    <div class="top"></div>
    <div class="nav">
        <div class="nav-all center container">
        <div class="nav-left">
            <i class="iconfont">&#xe602;</i>
            <span>深圳</span>
            <span>&lt;切换&gt;</span>
        </div>
        <div class="nav-content">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">资讯</a></li>
                <li><a href="#">测评</a></li>
                <li><a href="#">商城</a></li>
            </ul>
        </div>
        <div class="nav-right">
            <i class="iconfont">&#xe60e;</i>
            <span>个人中心</span>
        </div>
        </div>
    </div>
           <div class="content container center">
            <div class="content-left ">
                <p>用户中心首页</p>
                <ul>
                    <li><img src="images/open.png"><b>我的检测</b></li>
                    <li><a href="#">上门检测</a></li>
                    <li><a href="#">DIY检测</a></li>
                </ul> 
               <ul>
                <li><img src="images/open.png"><b>我的治理</b></li> 
                <li><a href="#">上门治理</a></li>
               </ul>  
                <ul>
                    <li><img src="images/open.png"><b>我的装修</b></li>
                    <li><a href="#">装修方案</a></li>
                </ul>   
                <ul>
                    <li><img src="images/open.png"><b>我的收藏</b></li>
                    <li><a href="#">装修材料</a></li>
                    <li><a href="#">净化产品</a></li>
                    <li><a href="#">资讯</a></li>
                    <li><a href="#">测评</a></li>
                </ul> 
                <ul>
                    <li><img src="images/open.png"><b>个人资料</b></li>
                    <li><a href="#">个人资料</a></li>
                    <li><a href="#">修改密码</a></li>
                    <li><a href="#">绑定手机\微信</a></li>
                </ul> 
                <ul>
                   <li><img src="images/open.png"><b>积分管理</b></li>
                    <li><a href="#">积分兑换</a></li>
                    <li><a href="#">积分等级</a></li>
                    <li><a href="#">积分任务</a></li>
                </ul>     
            </div>
            <div class="content-right">
                <ul class="content-right-top">
                   <li><b>|</b></li>
                   <li>修改密码</li>
               </ul>
                    <hr>
                <div>
                    <img src="images/phone2.png">
                    <ul class="content-right-content">
                        <li>手机绑定</li>
                        <li>你还未绑定手机号</li>
                    </ul>
                <button>立即绑定</button>
                </div>
                <div>
                    <img src="images/weixin3.png">
                    <ul class="content-right-content">
                            <li>微信绑定</li>
                            <li>你还未绑定微信号</li>
                        </ul>
                    <button>立即绑定</button>
            </div>
           </div>
           </div>
            <div class="nav-bottom">
                    <div class="nav-bottom-all center">
                    <img  class="image" src="images/footerLogo.png">
                    <div class="nav-bottom-left">
                        <ul class="row">
                          <li><b>为室内环境监控把好每一关</b></li>
                          <li>家居医生效力于中国人的家居健康问题，通过专业的技术研究</li>
                          <li>和测评，协力倾注大众打造绿色、环保的人居生活环境。</li>
                        </ul>
                    </div>
                    <div class="nav-bottom-right">
                            <ul>
                                    <li><a href="#">关于我们</a></li>
                                    <li><a href="#">版权说明</a></li>
                                    <li><img src="images/weixin2.png"></li>
                                    <li><a href="#">官方微信</a></li>
                                </ul>
                                <ul>
                                    <li><a href="#">联系我们</a></li>
                                    <li><a href="#">用户隐私</a></li>
                                    <li><img src="images/shop.png"></li>
                                    <li><a href="#">天猫旗舰店</a></li>
                                    </ul>
                                    <ul>
                                        <li><a href="#">加入我们</a></li>
                                        <li><a href="#">免费声明</a></li>
                                        <li><img src="images/tianmao.png"></li>
                                        <li><a href="#">天猫商城</a></li>
                                        </ul>
                    </div>
                    <hr>
                    <div class="nav-bottom-bottom">
                            <span>深圳建筑科学研究院股份有限公司</span>
                            <span>家居医生网</span>
                            <span>粤JCP备08011321</span>
                            <span>@Copyright All Rights Reserved</span>
                    </div>
                </div>
                </div>
          </body>
          </html>
   